<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>医保周监测</title>
<style type="text/css">
.buttonStyle{
	border-radius: 5px; 
	background:#008000; 
	text-align:center; 
	color:#fff;
	padding:2px 5px;
	cursor:pointer;	
};
.margin{
	margin:10px;
};
.margin-top{
	margin:10px 0;
}

</style>
</head>
<body>
 <div class="row rowhcq">
        <div class="col-xs-12">
        <!-- 单个模块下包含二级模块，并且二级模块带标签页的，echarts+datatables左图右表示例 SCQ --> 
            <div class="boxcq clearfix">
                <div class="ti"><i class="fa fa-file-text-o"></i>科室指标周检测</div>
                  <div class="comboxright" style="float: right;line-height: 35px;">       
			  			<label for="startDate" style="display: inline;">&nbsp;&nbsp;开始日期:</label>
			  			<input id="startDate" type="text" class="form-control" style="width: 120px;display: inline;">
			  			<label for="endDate" style="display: inline;" >&nbsp;&nbsp;截止日期:</label>
			  			<input id="endDate" type="text" class="form-control" style="width: 120px;display: inline;">
			  			<img id="search_png" src="images/co_search.png" style="height: 35px;width: 25px;" >
                   	</div>
                 <ul class="nav nav-tabs boxnavcq" role="tablist" id="dep-ul">
                </ul>
                <div class="clearfix"></div>
                <div id="" class="tab-content">
                	<div class="row">
          				<div class="col-md-4">
							<div><i class=" icon-hand-right">&nbsp;<label>监测对象:</label></i>全院出院病例</div>
						</div>
                	</div>
                	<div class="row">
          				<div class="col-md-4">
							<div><i class=" icon-hand-right">&nbsp;<label>累计监测时间:</label></i><span id = "monitorStartTime"></span>~<span id = "monitorEndTime"></span></div>
						</div>
                	</div>
                	<div class="row">
          				<div class="col-md-4">
							<div><i class=" icon-hand-right">&nbsp;<label>监测指标:</label></i>次均费用</div>
						</div>
                	</div>
                	  <div class="row">
          				<div class="col-md-2">
							<div><i class=" icon-hand-right">&nbsp;<label>全院指标:</label></i></div>
						</div>
						<div class="col-md-2">
							出院病例:&nbsp;<span id="hspOutCase"></span>
						</div>
						<div class="col-md-2">
							次均费用(元):&nbsp;<span id="hspAvgCost"></span>
						</div>
						<div class="col-md-2">
							平均住院日:&nbsp;<span id="hspAvgDays"></span>
						</div>
						<div class="col-md-2">
							药占比:&nbsp;<span id="hspDrugCost"></span>
						</div>
                	</div>
                	<div class="row">
                	  <div class="col-md-12">
                	  	<div id="pageAll"></div>
                	  </div>
                	</div>
                	
                  <div class="row">
                	  <div class="col-md-12">
                	  <div class="zhujie">
                	           	注:<br/>
								①  目标值差距 = 本期值 - 目标值<br/>
								②  累计差距 = 本期值 - 累计值<br/>
								③  同期增长 = （本期值 - 去年同期累计值）/ 去年同期累计值
                	  </div>
                	  </div>
                	</div>
                </div>
            </div>
        </div>
    </div>
	<%--编辑框 --%>
	<div class="modal fade" id="editDialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					</button>
					<h4 class="modal-title" id="myModalLabel">提示</h4>
				</div>
				<div class="modal-body">...</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-info" data-dismiss="modal">确定</a>
				</div>
			</div>
		</div>
	</div>
	
	<script type="text/javascript">
		//日期选择器
		$("#startDate").datetimepicker({
			format : "yyyy-mm-dd",
			autoclose : true,
			todayBtn : true,
			minView : 2,
			language : 'zh-CN'
		});
		$("#endDate").datetimepicker({
			format : "yyyy-mm-dd",
			autoclose : true,
			todayBtn : true,
			minView : 2,
			language : 'zh-CN',
		});
	</script>
<script type="text/javascript" src="js/ybHome/ybWeekMonitor.js"></script>
</body>
</html>